<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>reg</title>
</head>

<body>

  <p class="holdOn">- HOLD ON -</p>
  <div class="bgImg">

    <div class="passwordBox df jcfe">
      <a href="./login.html">密码登录</a>
    </div>
    <div class="tipsCon">
      <p>手机号登录/注册</p>
      <p>快速找到好友, 一站式记录你的运动</p>
    </div>
    <div class="df fdc formBox">
      <div class="phoneBox df pr">
        <p>+86</p>
        <div class="phoneTri"></div>
        <input id="phoneIpt" class="phoneIpt" type="text" name="phoneIpt" placeholder="请输入手机号码">
      </div>
      <div class="codeBox df jcsb">
        <input id="codeIpt" class="codeIpt" type="text" name="codeIpt" placeholder="请输入验证码">
        <!-- 动态验证框 -->

        <canvas id="captcha" class="codeImg"></canvas>
      </div>
      <input id="psdIpt" class="psdIpt" type="password" name="psdIpt" placeholder="请输入密码">
      <input id="psdTwinsIpt" class="psdTwinsIpt" type="password" name="psdTwinsIpt" placeholder="请再次输入密码">
      <button id="submitBtn" class="submitBtn">注册账号</button>
    </div>

  </div>

</body>

</html>